<template>
  <div class="main-bxo">
    <m-header modile-title="时间选择" go-back="true"></m-header>
    <yd-cell-group>
      <yd-cell-item arrow>
        <span slot="left">时间：</span>
        <!--<yd-datetime ref="datetime" v-model="datetime8" slot="right"></yd-datetime>-->
        <yd-datetime :callback="back" ref="datetime" v-model="datetime8" slot="right"></yd-datetime>
      </yd-cell-item>
    </yd-cell-group>
    <yd-button-group>
      <yd-button size="large" @click.native="open">手动打开</yd-button>
    </yd-button-group>
  </div>
</template>
<style lang="scss">
.main-bxo{
  padding-top: 50px;
}
</style>
<script>
  import mHeader from '../../../components/header'

  export default {
    data() {
      return {
        datetime8: '',
        pickerValue:''
      }
    },
    created(){
    },
    methods: {
      open() {
        this.$refs.datetime.open();
      },
      back(){
        console.log(this.datetime8)
      },
      openPicker() {
        this.$refs.picker.open();
      }
    },
    components: {
      mHeader
    }
  }
</script>
